<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script type="text/javascript" src="JQuery/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="js/bootstrap-modal.js"></script>
<script type="text/javascript" src="js/bootstrap-alert.js"></script>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
<head>

<title>凯盛项目管理系统</title>
<style type="text/css">
body {
	margin-left: auto;
	margin-right: auto;
	background-image: url("img/twitter.jpg");
	background-position: 0px 40px;
	background-attachment: fixed;
}

.container01 {
	width: 900px;
	height: 768px;
	margin-top: 40px;
	margin-left: 200px;
	margin-right: 120px;
	position: absolute;
	overflow: hidden;
	//background-color: #C5B38A;
	//opacity: 0.5;
	background-color:rgba(255,255,255,0.7);
	//background-color:white;
}


.container01 .logo {
	width: 900px;
	height: 25px;
	border-radius: 2px;
	font-size: 26px;
	font-family: 楷体;
	padding-top: 10px;
	padding-left: 10px;
	line-height: 22px;
	color: black;
	margin-top:20px;
}
.container01 .content .project{
	width:850px;
	height:150px;
	border:1px dimgray solid;
	border-radius:3px;
	margin-left:23px;
	
	
}

.container01 .content .project .projectName{
	width:850px;
	height:40px;
	border-bottom:1px dimgray solid;

}

</style>

</head>

<body>
	
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" id="brand" href="#">凯盛项目管理系统</a>
				<div class="nav-collapse" id="nav">
						<a href="#" class="btn btn-small btn-primary" style="font-size:14px;color:white;margin-left:570px;line-height:14px;"><i class="icon-user icon-white"  style="margin-top:3px;font-size:36px;"></i>&nbsp;成员管理</a>
					<ul class="nav pull-right">
						<li id="fat-menu" class="dropdown"><a class="dropdown-toggle"
							data-toggle="dropdown" href="#" style="font-size:16px;"><i class="icon-cog icon-white" style="margin-top:3px;font-size:36px;"></i> ${employee.empName}<b
								class="caret"></b> </a>
							<ul class="dropdown-menu">
								<li><a data-toggle="modal" href="#myModal-0"><i class="icon-pencil icon-blue"></i>修改密码</a></li>
							<li><a href="exit.jspx"><i class="icon-off icon-blue"></i>安全退出</a></li>
							</ul></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="container01">
		<div class="logo">项目列表
			<a class="btn btn-small btn-primary" style="font-size:16px;margin-left:630px;" href="createProject.jsp"><i class="icon-plus icon-white"></i>新建项目</a>

		</div>
		<div class="content" style="margin-top:20px;">
			<c:forEach var="project" items="${projectList}">
			<div class="project" style="margin-top:10px;">
				<div class="projectName"  ><a href="project.jspx?projectId=${project.projectId }&m=index" style="font-size:22px;font-family:宋体;color:#0033cc;line-height:28px;padding-left:10px;"><i class="icon-qrcode icon-black" style="margin-top:5px;"></i>&nbsp;${project.projectName}</a></div>
				<div class="projectDesc" ><p style="font-size:18px;font-family:宋体;line-height:20px;">&nbsp;&nbsp;${project.projectDesc }</p></div>
				<div class="progress progress-danger" style="margin-top:65px;margin-left:5px;">
					<div class="bar" style="width: 60%;">已完成60%</div>
				</div>
			</div>	
			</c:forEach>

		</div>
	</div>
</body>

</html>
